<template>
  <div class="details">
    <div class="text">更详细的信息</div>
    <div class="info">  {{getUrl(this.$route.params.summary)}}</div>
  </div>
</template>

<script>
export default {
  methods:{
    getUrl () {
      return decodeURIComponent(this.$route.params.summary)
    }
  }
}
</script>

<style lang="less" scoped>
.details{
  background-color: #fff;
  padding: 10px;
  .text{
    border-left: 4px solid orange;
    padding-left: 10px;
    margin-top: 20px;
  }
  .info{
    margin-top: 20px;
    line-height: 0.5rem;
  }
}
</style>

